<template>
<div id="tool">
  <h3>教程</h3>
  <a-tag color="cyan"><a href="http://www.baidu.com" target="_blank">百度</a></a-tag>
  <h3>资源</h3>
  <a-tag color="cyan"><a href="https://github.com/wubaiqing/zaobao" target="_blank" title="一个个人开发者的前端开发的分享日报">前端早报</a></a-tag>
  <a-tag color="cyan"><a href="https://github.com/GitHubDaily/GitHubDaily" target="_blank" title="每日不定时在社交媒体推送一批 GitHub 优秀的开源项目给开发者, 帮助开发者们发现当下最火的开源项目。">开源资源分享</a></a-tag>

  <h3>工具</h3>
  <a-tag color="cyan" v-for="item in toolList" :key="item.name"><a :href="item.url" target="_blank" :title="item.title">{{item.name}}</a></a-tag>
</div>
</template>
<script>
export default {
  name: 'tool',
  data(){
    return {
      toolList: [
        {name: 'curl 转换器', url: 'https://curl.trillworks.com/', title: '一个将 curl 命令转为 Python、Node.js、R、PHP、Go 代码的在线工具'},
        {name: 'ES数据导出', url: 'https://github.com/760515805/es_data_export', title: 'ElasticSearch 数据导出工具，目前支持json、txt。20亿的索引表中导出4000W数据只用到不到15分钟'},
        {name: 'Git命令行统计', url: 'https://lukasmestan.com/git-quick-stats/', title: '一个 Git 仓库的命令行统计工具，可以生成当前仓库的统计报告'},
        {name: 'svg在线优化', url: 'https://jakearchibald.github.io/svgomg/', title: '一个 SVG 图像的在线代码优化工具，用来降低 SVG 文件的大小'},
        {name: 'C4解析器', url: 'https://chai2010.cn/awesome-wasm-zh/examples/c4/', title: '一个在浏览器运行的 C 语言运行时，功能较为简单'},
      ]
    }
  },
  methods: {
  },
  mounted() {
  }
}
</script>
<style scoped lang="less">
#tool {
  a {
    color: #13c2c2;
    text-decoration: none;
  }
}
</style>
